<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title class="i18n-text">report_work</title>
<link href="../../theme/3party/css/bootstrap-datetimepicker-4.17.47.min.css" rel="stylesheet">
<link href="../../theme/3party/css/bootstrap-switch-3.3.4.min.css" rel="stylesheet">
<link href="../../theme/3party/css/tippy-0.3.0.css" rel="stylesheet">
<link href="../../theme/3party/css/pnotify.brighttheme-3.2.1.css" rel="stylesheet">
<link href="../../theme/3party/css/pnotify-3.2.1.css" rel="stylesheet">
<script src="../../theme/3party/js/tippy-0.3.0.js"></script>

<script type="text/javascript" src="../../theme/3party/js/jquery-3.2.1.min.js"></script>

<script type="text/javascript" src="../../theme/js/common.js"></script>
<script type="text/javascript" src="../../theme/js/head_menu.js"></script>

<script type="text/javascript" src="../../theme/3party/js/moment-2.18.1.min.js" ></script>
<script type="text/javascript" src="../../theme/3party/js/zh-cn-2.18.1.js" ></script>
<script type="text/javascript" src="../../theme/3party/js/bootstrap-switch-3.3.4.min.js" ></script>
<script type="text/javascript" src="../../theme/3party/js/bootstrap-datetimepicker-4.17.47.min.js" ></script>
<script type="text/javascript" src="../../theme/3party/js/pnotify-3.2.1.js" ></script>


<script type="text/javascript" src="./js/reportedit.js"></script>
<style>
#title{ 
    text-align:center;
	}
.left { 
    text-align:center;
    margin-left:20%;
	}
.label_calss { 
    text-align:left;
    margin-left:22%;
    
	}
	.tippy-tooltip.honeybee-theme{
  /* Your styling here. Example: */
  background-color: yellow;
}
</style>
</head>
<body>
	<div style="margin-top: 60px;">
		<div class="container form-horizontal">
			<!-- 表单标题 -->
			<div class="row">
				<div class="text-center col-xs-12 col-md-12" id='title'>
					<!-- <span style="font-family:arial;font-size:32px;font-weight:900;">年度述职报告</span> -->
					<h2 class="i18n-text">report_title</h2>
				</div>
			</div>	

			<!-- 填表日期 -->
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div id='date' class="col-md-9" style="text-align: right;">
						<span class="i18n-text">report_form_date</span>
					</div>
				</div>
			</div>
			<!-- 基本信息 -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                        <div class="col-md-11">
							<div style="float: left; width: 80%;">
								<h3 class="i18n-text " style="display : inline">report_base_info</h3>
							</div>
							<div style="float: left; width: 20%;">
								<div style="margin-top: 25px; float: right;">
								    <label style="color: red;display: none;" class="i18n-text">option_reject</label>
								    <label style="color: red;display: none;" id="rejectTime"></label>
								</div>
        					</div>
        				</div>
                </div>
            </div>
		<div class="row">
	        <div class="col-xs-12 col-md-12">
	            <!-- 姓名 -->
	            <div class="form-group col-md-6">
	                <label class="col-md-4 control-label i18n-text">full_name</label>
	                <div class="col-md-8">
	                      <input
	                          id="staffName"
	                          mkey="staffName"
	                          class="form-control i18n-text"
	                          maxlength="20"
	                          type="text"
	                          placeholder="full_name"
	                      >
	                </div>
	            </div>
	            <!-- 所在部门 -->
	            <div class="form-group col-md-6">
	                <label class="col-md-3 control-label i18n-text">department</label>
	                <div class="col-md-8">
	                      <input
	                          class="form-control i18n-text"
	                          maxlength="20"
	                          type="text"
	                          id="department"
	                          mkey="department"
	                          placeholder="department"
	                      >
	                </div>
	            </div>
	        </div>
		</div>
		<div class="row">
                <div class="col-xs-12 col-md-12">
                    <!-- 职位 -->
                    <div class="form-group col-md-6">
                        <label class="col-md-4 control-label i18n-text">position</label>
                        <div class="col-md-8">
                              <input
                                  class="form-control i18n-text"
                                  maxlength="20"
                                  type="text"
                                  id="position"
                                  mkey="position"
                                  placeholder="position"
                              >
                        </div>
                    </div>
                    <!-- 入职日期 -->
                    <div class="form-group col-md-6">
                        <label class="col-md-3 control-label i18n-text">joined_date</label>
                        <div class="col-md-8">
                            <div class="input-group date" id="entryDatePicker">
                                <input type="text" id="entrydate" mkey="entrydate" class="form-control">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-12">
            		<!-- 学历 -->
                    <div class="form-group col-md-6">
                        <label class="col-md-4 control-label i18n-text">education</label>
                        <div class="col-md-8">
                          <div class="input-group">
                              <input
                                  id="education"
                                  class="form-control i18n-text"
                                  maxlength="20"
                                  type="text"
                                  mkey="education"
                                  placeholder="education"
                              >
                              <span class="input-group-addon clear-data">
                                  <span class="glyphicon glyphicon-remove"></span>
                              </span>
                          </div>
                        </div>
                    </div>
                    <!-- 毕业日期 -->
                    <div class="form-group col-md-6">
                        <label class="col-md-3 control-label i18n-text">graddate</label>
                        <div class="col-md-8">
                            <div class="input-group date" id="gradDatePicker">
                                <input type="text" id="gradDate" mkey="gradDate" class="form-control">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 述职年份 -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
			        <div class="form-group col-md-6">
			            <label class="col-md-4 control-label i18n-text">time_quantum</label>
			            <div class="col-md-8">
                            <div class="input-group date" id="reportDatePicker">
                                <input type="text" id="reportdate" mkey="reportdate" class="form-control">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
			        </div>
                </div>
            </div>
            <!-- <div id="tipsText" class="i18n-text"
             style="position:absolute;display:none;border:1px solid silver;z-index：999999;">tips</div> -->
            <!-- 工作总结label -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                        <div class="col-md-11">
							<div style="float: left; width: 80%;">
								<h3 class="i18n-text">report_work_summary</h3>
							</div>
							<div style="float: left; width: 20%;">
								<span id="summaryTips" style="font-size:20px;margin-top: 25px;float: right;" 
								class="glyphicon glyphicon-question-sign"></span>
        					</div>
        				</div>
                        
                </div>
            </div>
            <!-- 工作总结text -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <textarea
                            id="summaryText"
                            class="form-control"
                            mkey="summaryText"
                            maxlength="1024"
                            rows="5"
                        ></textarea>
                    </div>
                </div>
            </div>
            
            <!-- 自我评价label -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                        <div class="col-md-11">
							<div style="float: left; width: 80%;">
								<h3 class="i18n-text">report_self_appraisal</h3>
        					</div>
							<div style="float: left; width: 20%;">
	                        	<span id="appraisalTips" style="font-size:20px;margin-top: 25px;float: right;" 
	                        	class="glyphicon glyphicon-question-sign"></span>
	                    	</div>
                    	</div>
                </div>
            </div>
            <!-- 自我评价text -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <textarea
                            id="appraisalText"
                            class="form-control"
                            mkey="appraisalText"
                            maxlength="1024"
                            rows="5"
                        ></textarea>
                    </div>
                </div>
            </div>
            
            <!-- 不足&改进label -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                        <div class="col-md-11">
							<div style="float: left; width: 80%;">
								<h3 class="i18n-text">report_better</h3>
        					</div>
							<div style="float: left; width: 20%;">
                        		<span id="betterTips" style="font-size:20px;margin-top: 25px;float: right;" 
                        		class="glyphicon glyphicon-question-sign"></span>
                    		</div>
                    </div>
                </div>
            </div>
            <!-- 不足&改进text -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                         <textarea
                            id="betterText"
                            class="form-control"
                            mkey="betterText"
                            maxlength="1024"
                            rows="5"
                        ></textarea> 
                    </div>
                </div>
            </div>
            
            <!-- 成长规划label -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                        <div class="col-md-11">
							<div style="float: left; width: 80%;">
								<h3 class="i18n-text">report_growth_plan</h3>
        					</div>
							<div style="float: left; width: 20%;">
                        		<span id="planTips" style="font-size:20px;margin-top: 25px;float: right;" 
                        		class="glyphicon glyphicon-question-sign"></span>
                    		</div>
                    </div>
                </div>
            </div>
            <!-- 成长规划text -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <textarea
                            id="planText"
                            class="form-control"
                            mkey="planText"
                            maxlength="1024"
                            rows="5"
                        ></textarea>
                    </div>
                </div>
            </div>
			<!-- 历史审核区域 -->
			<div>
			    <br>
				<div class="panel panel-default" id="historyAuditDiv" style="display: none;">
				    <div class="panel-heading" align="center" id="historyAuditBtn" style="cursor: pointer;border: 0px;">
						<label class="i18n-text">history_audit</label>
						<span id="history-Un-Fold" class="glyphicon glyphicon-plus"></span>
					</div>
	            </div>
			</div>
            <!-- 操作按钮 -->
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <div class="form-group col-md-12">
                        <div class="col-md-12" align="center">
                            <!-- 提交 -->
                            <button id="submitBtn" class="btn btn-danger width_100 i18n-text" type="button">submit</button>
                            <!-- 保存草稿 -->
                            <button id="saveDraftBtn" class="btn btn-default width_100 i18n-text" type="button">save_draft</button>
                            <!-- 返回 -->
                            <button id="commonBackBtn" class="btn btn-default width_100 i18n-text" type="button">cancel</button>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
	
    <!-- 提示div 工作总结-->
	<div id="exmple--gain" style="display:none">
    	<!-- <div  id="tipsText" style="width:400px;word-wrap: break-word;"> -->
    	<div  id="tipsText">
	         <div class="text-left">上一年中的工作总结</div>
	         <div class="text-left">1. 做了哪些工作有什么成绩</div>
	         <div class="text-left">2. 学会了什么技能</div>
	         <div class="text-left">3. 工作中有什么心得</div>
	         <div class="text-left">4. 等......</div>
        </div>
	</div>
    <!-- 提示div 自我评价-->
	<div id="exmple--gain1" style="display:none">
    	<div  id="tipsText1">
	         <div class="text-left">上一年中工作表现的自我评价</div>
	         <div class="text-left">1. 工作中的正面评价</div>
	         <div class="text-left">2. 工作中的负面评价</div>
        </div>
	</div>
    <!-- 提示div 不足&改进-->
	<div id="exmple--gain2" style="display:none">
    	<div  id="tipsText2">
	         <div class="text-left">上一年工作中的不足以及怎样改进</div>
	         <div class="text-left">1. 有哪些不足</div>
	         <div class="text-left">2. 如何改进</div>
        </div>
	</div>
    <!-- 提示div 成长规划-->
	<div id="exmple--gain3" style="display:none">
    	<div  id="tipsText3">
	         <div class="text-left">未来工作中自己的成长规划</div>
	         <div class="text-left">1. 技术方面的规划</div>
	         <div class="text-left">2. 职业发展方面的规划</div>
	         <div class="text-left">3. 等......</div>
        </div>
	</div>
</body>
</html>